<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>VUE样式绑定</title>
        <style type="text/css">
            .active {
                background-color: cadetblue
            }
            .logo {
                font-size: 20pt
            }
        </style>
        <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    </head>
    <body>
        <div id="app">
            <div :class="{active: isActive, logo: isLogo}">
                状态：新建
            </div>
            <div :class="dealStyle">
                状态：处理中
            </div>
            <div>
                状态：挂起
            </div>
            <div>
                状态：注销
            </div>
        </div>
    </body>
    <script type="text/javascript">
        var vueObj = new Vue({
            el: '#app',
            data: {
                isActive: true,
                isLogo: true,
                dealStyle : {
                    active: false,
                    logo: true
                }
            }
        });
    </script>
</html>